<template> 
    <div class="head">
             <Row type="flex" span='24' class='head_box'>
                <Col span='2' class='back' justify="center" align="middle"><Icon type="chevron-left"></Icon></Col>
                <Col span='22' class="title" justify="center" align="middle">收货地址</Col>
            </Row>
            <Row type="flex" span='24' class='head_box2'>
                <Dropdown span='4'>
                        <a href="javascript:void(0)">
                            选择
                            <Icon type="arrow-down-b"></Icon>
                        </a>
                        <DropdownMenu slot="list">
                            <DropdownItem>驴打滚</DropdownItem>
                            <DropdownItem>炸酱面</DropdownItem>
                            <DropdownItem disabled>豆汁儿</DropdownItem>
                            <DropdownItem>冰糖葫芦</DropdownItem>
                            <DropdownItem divided>北京烤鸭</DropdownItem>
                        </DropdownMenu>
                </Dropdown>
                <Input span='20' class='search' v-model="value" placeholder="Enter something..." style="width: 300px"></Input>
            </Row>



        </div>
</template>

<script>
    export default {
        name: 'Address',
        data() {
            return {
                // msg: 'Welcome to Your Vue.js App'
            }
        },
        mounted() {

                this.$axios({
                method: 'get',
                url: "/duanzi//satinApi?type=1&page=1",
            }).then((response) => {
                console.log('段子消息-----', response)
                if (response.status == 200) {
                    this.agencyList = response.data.data.data.items;
                }
            }).
                catch((err) => {
                    console.log('err消息------', err)
                })
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang='less'>
    .head {
        width: 100%;
        height: 0.88rem;
        background-image: linear-gradient(90deg,#0af,#0085ff);
        .head_box{
            width:100%;
            .back{
                height: 0.88rem;
                /* width:0.88rem; */
                line-height:0.88rem;
                font-size:.32rem;
                color:#fff;
            } 
            .title{
                height: 0.88rem;
                font-size: .32rem;
                color:#fff;
                line-height:0.88rem;
            }
        }
        .head_box2{
            height: .77rem;
            line-height: .77rem;
            .search{
                height: .57rem;
                margin-top:.1rem;
                margin-left:.15rem;
            }
        }
    }
</style>